﻿var contactColumnCom = Vue.extend({

    data() {
        return {
            menuData:[],
            menuGoods:[],
        };
    },
    mounted: function() {
        this.$nextTick(function() {//this.TouchSlide();
            //this.getMenuData();
        });
    },
    methods: {
        getMenuData(){
            //var _this=this;
            var menu = JSON.parse(localStorage.getItem('menuData'));
            for (var i = 0; i < menu.length; i++) {
                if (menu[i].name == '产品信息') {
                    this.menuGoods = menu[i].children;
                };
            }
            //console.log(this.menuGoods);
        },
    },
    props: [''],
    components:{
        siteBannerCom,
        amapMapCom,
    },
    template: '\
<div>\
    <site-banner-com></site-banner-com>\
    <div id="contact-page" class="contact-page-var-one">\
        <div class="container">\
            <div class="row">\
                <div class="col-md-6">\
                    <div class="contact-form-wrapper">\
                        <h3 class="entry-title">Contact Us</h3>\
                        <div class="contents">\
                            <p>Sed perspiciatis unde natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae.</p>\
                        </div>\
                        <form method="post" action="http://www.cmsya.com/index.php?m=formguide&amp;c=index&amp;a=show&amp;formid=13&amp;siteid=1" name="myform" id="myform" class="contact-form">\
                            <p class="form-author common">\
                                <input id="author" name="info[name]"  type="text" placeholder="Your Name *" aria-required="true" required="required"></p>\
                            <p class="form-email common">\
                                <input id="email" name="info[email]" type="text" placeholder="Your Email *" aria-describedby="email-notes" aria-required="true" required="required"></p>\
                            <p class="form-phone common">\
                                <input id="phone" name="info[telephone]" type="text" placeholder="Your Phone Number *" aria-required="true" required="required"></p>\
                            <p class="form-subject common">\
                                <input id="subject" name="subject" type="text" placeholder="subject"></p>\
                            <p class="form-comment">\
                                <textarea id="message" name="info[msg]" placeholder="Comment" cols="45" rows="7"></textarea>\
                            </p>\
                            <p class="form-submit">\
                                <input type="submit" name="dosubmit" id="submit-button" class="submit-btn btn btn-primary btn-lg btn-3d" data-hover="Post Comment" value=" 提交 ">\
                                <span id="ajax-loader">\
                                    <i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i>\
                                    <span class="sr-only">Loading...</span></span>\
                            </p>\
                            <div id="error-container"></div>\
                            <div id="message-container"></div>\
                        </form>\
                    </div>\
                </div>\
                <div class="col-md-6">\
                    <div class="contact-page-contents clearfix">\
                        <div class="row">\
                            <div class="col-md-6">\
                                <i class="fa fa-map-marker"></i>\
                                <div class="contents">\
                                    <h6 class="title">Mailing Address</h6>\
                                    <address>95 Amphitheatre Parkway Mountain View CA, United States</address></div>\
                            </div>\
                            <div class="col-md-6">\
                                <i class="fa fa-phone"></i>\
                                <div class="contents">\
                                    <h5 class="title">Contact Info</h5>\
                                    <ul>\
                                        <li>Phone: (+86) 13411173567</li>\
                                        <li>Mail: 42524073@qq.com</li>\
                                        <li>Fax: +84 962 216 601</li></ul>\
                                </div>\
                            </div>\
                        </div>\
                    </div>\
                    <div id="amapMap"></div>\
                    <amapMapCom></amapMapCom>\
                </div>\
            </div>\
        </div>\
    </div>\
</div>\
',

});
